<template>
  <div>
    <input type="text" placeholder="用户名" v-model="username">
    <button @click="login">登录</button>
    <button @click="logout">注销</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: ''
    }
  },
  methods: {
    login() {
      // 在本地存储中保存用户信息
      localStorage.setItem('username', this.username);
    },
    logout() {
      // 在本地存储中清除用户信息
      localStorage.removeItem('username')
    }
  },
}
</script>

<style>

</style>